<script>
    
    $(document).ready(function(){
       //alert('dsa');
       $('#enviaBtn').click(function(){
           
           $.post("pages/envia", {
               contact_name: $('#contact_name').val(),
               contact_email: $('#contact_email').val(),
               contact_tel: $('#contact_tel').val(),
               contact_website: $('#contact_website').val(),
               contact_ecommerce: $('#contact_ecommerce').val(),
               contact_cms: $('#contact_cms').val(),
               contact_app: $('#contact_app').val(),
               contact_webapp: $('#contact_webapp').val(),
               contact_facebook: $('#contact_facebook').val(),
               contact_branding: $('#contact_branding').val(),
               contact_outros: $('#contact_outros').val(),
               contact_prazo: $('#contact_prazo').val(),
               contact_description: $('#contact_description').val()
           }, 'jsonp')
            .done(function(data) {
                //alert('dsa');
              $('.resultado_texto').html(data);
              $('html, body').animate({
                    scrollTop: $(".orcamento_btn").offset().top
                }, 800);
            });
        });
        
        
        $('.time .item .name').mouseenter(function(){
            data_id = $(this).attr('data-id');
            $('.time .text').hide();
            $('.text[data-id='+data_id+']').slideDown();
        });
        $('.time .close_box').click(function(){
            $('.time .text').hide();
        });
        
        var page_bg = 'home';
        
        var mousewheelevt = (/Firefox/i.test(navigator.userAgent)) ? "DOMMouseScroll" : "mousewheel" //FF doesn't recognize mousewheel as of FF3.x
        $('html').bind(mousewheelevt, function(e)
        {

            var evt = window.event || e //equalize event object     
            evt = evt.originalEvent ? evt.originalEvent : evt; //convert to originalEvent if possible               
            var delta = evt.detail ? evt.detail*(-40) : evt.wheelDelta //check for detail first, because it is used by Opera and FF



            if(delta > 0)
            {
                //scroll up
                if(isScrolledIntoView('.page_portfolio') && page_bg != "portfolio")
                {
                    page_bg = "portfolio";
                    changeBg('portfolio');
                }
                else if(!isScrolledIntoView('.page_portfolio') && page_bg == "portfolio")
                {
                    page_bg = "home";
                    changeBg('home');
                }
                else
                {

                }

            }
            else
            {
                //scroll down
                //scroll up
                if(isScrolledIntoView('.page_portfolio') && page_bg != "portfolio")
                {
                    page_bg = "portfolio";
                    changeBg('portfolio');
                }
                else if(!isScrolledIntoView('.page_portfolio') && page_bg == "portfolio")
                {
                    page_bg = "home";
                    changeBg('home');
                }
                else
                {

                }
            }

        });

        function isScrolledIntoView(elem)
        {
            var docViewTop = $(window).scrollTop();
            var docViewBottom = docViewTop + $(window).height();

            var elemTop = $(elem).offset().top;
            var elemBottom = elemTop + $(elem).height();

            if((elemTop <= docViewBottom))
            {
                if(elemBottom >= docViewTop)
                {
                    booleanvar = true;
                }
                else
                {
                    booleanvar = false;
                }
            }

            else
            {
                booleanvar = false;
            }
            return booleanvar;
        }
        
       

    });
    function changeBg(bg)
       {
           if(bg == 'home')
           {
               //$('.container').removeClass('fnd_portfolio');
               //$('.container').addClass('fnd_home');
           }
           else
           {
               //$('.container').removeClass('fnd_home');
               //$('.container').addClass('fnd_portfolio');
           }
       }
    /*$(window).scroll(function() {

           $('#obj_thumbNokengo').animate({
                margin: '+=50 0 0 0'
              }, 600, function() {
                // Animation complete.
              });
    });*/
    
    var mousewheelevt = (/Firefox/i.test(navigator.userAgent)) ? "DOMMouseScroll" : "mousewheel" //FF doesn't recognize mousewheel as of FF3.x
$(window).bind(mousewheelevt, function(e){

    var evt = window.event || e //equalize event object     
    evt = evt.originalEvent ? evt.originalEvent : evt; //convert to originalEvent if possible               
    var delta = evt.detail ? evt.detail*(-40) : evt.wheelDelta //check for detail first, because it is used by Opera and FF

    if(delta > 0) {
        //scroll up
    }
    else
    {
        /*$('#obj_thumbNokengo').animate({
                margin: '+=100 0 0 0'
              }, 200, function() {
                // Animation complete.
              });*/
    }   
});
</script>
<div class="home">
    <div class="wrapper">
        <div class="presentation">
            <div class="thumb" id="obj_thumbNokengo"><?=$this->Html->image('_site/macaco.png', array('alt' => 'Nokengo!'));?></div>
            <div class="title"><? echo __('Você fala digital?');?></div>
            <div class="subtitle"><? echo __('Somos um estúdio online de serviço digital completo situado no Rio de Janeiro, mas que atende todo o Brasil. Nós fornecemos soluções criativas digitais para levar seus produtos e serviços a um público mais amplo.');?></div>
        </div>

        <div class="line"><div class="title"><? echo __('Somos muito apaixonados!');?></div></div>


        <div class="asideleft"><? echo __('Serviço profissional com um toque criativo');?></div>
        <div class="asideright"><? echo __('Combinando tecnologia, design e comunicação social, construímos conexões avançadas entre as marcas e seus públicos através da web, aplicações móveis, redes sociais e softwares empresariais.');?></div>
    </div>
    <div class="pointer" id="pointer_equipe"></div>
</div>
<div class="topfx"></div>
<div class="equipe">
    <div class="wrapper">
        <div class="topbar">
            <div class="title"><? echo __('Equipe');?></div>
            <div class="subtitle"><? echo __('Somos uma <strong>equipe</strong>');?></div>
            <div class="text"><div><? echo __('Nossa principal força está nas pessoas que trabalham conosco: afiadas, experientes e apaixonadas pelo que fazem. Todos os membros de nossa equipe tem anos de experiência e conhecimento avançado!');?></div></div>
            <div class="line"></div>
            
            <div class="time">
                <div class="item samuel">
                    <div class="thumb"></div>
                    <div class="box_informations">
                        <div class="name" data-id="samuel"><strong>Samuel</strong> Levy</div>
                        <div class="function"><? echo __('Diretor de TI');?></div>
                        <div class="text" data-id="samuel">
                            <div class="close_box">X</div><? echo __('Programador há mais de 6 anos, atuando com diversas linguagens e tecnologias, após trabalhar com TI e desenvovlvimento de games, manteve seu foco em web e mobile, estudando diariamente as novas tendências do mercado.');?></div>
                        <div class="socials">

                            <div class="facebook"><a href="http://www.facebook.com/samuel.levy.98" target="_blank"><?=$this->Html->image('_site/socials/facebook.png', array('alt' => 'Nokengo!'));?></a></div>
                                <div class="ponto"></div>
                            <div class="skype"><a href="skype:[samuellevy.developer]?[call]"><?=$this->Html->image('_site/socials/skype.png', array('alt' => 'Nokengo!'));?></a></div>
                                <div class="ponto"></div>
                            <div class="foursquare"><a href="https://pt.foursquare.com/user/46439854" target="_blank"><?=$this->Html->image('_site/socials/foursquare.png', array('alt' => 'Nokengo!'));?></a></div>

                        </div>
                    </div>
                </div>
                
                
                <div class="item inverso vini">
                    <div class="thumb"></div>
                    <div class="box_informations">
                        <div class="name" data-id="vinicius"><strong>Vinicius</strong> Machado</div>
                        <div class="function"><? echo __('Gerente de Projetos');?></div>
                        <div class="text" data-id="vinicius">
                            <div class="close_box">X</div><? echo __('Viciado em métodos ágeis de desenvolvimento, nosso Gerente de Projetos está aqui para modelar o seu projeto desde a sua idealização até o última letra de código escrito. Vem!');?></div>
                        <div class="socials">
                            <div class="facebook"><a href="http://www.facebook.com/vinicius.machado.984" target="_blank"><?=$this->Html->image('_site/socials/facebook.png', array('alt' => 'Nokengo!'));?></a></div>
                        </div>
                    </div>
                </div>
                
                <div class="item camelo">
                    <div class="thumb"></div>
                    <div class="box_informations">
                        <div class="name" data-id="camelo"><strong>Leonardo</strong> Camelo</div>
                        <div class="function"><? echo __('Diretor de Criação');?></div>
                        <div class="text" data-id="camelo">
                            <div class="close_box">X</div><? echo __('Após terminar Técnico em Programação de Jogos, cursou um período de Ciência da Computação e foi para Desenho Industrial. Aqui a arte e programação nascem juntas!');?></div>
                        <div class="socials">

                            <div class="facebook"><a href="https://www.facebook.com/leonardo.camelo.5?fref=ts" target="_blank"><?=$this->Html->image('_site/socials/facebook.png', array('alt' => 'Nokengo!'));?></a></div>
                                <div class="ponto"></div>
                            <div class="skype"><a href="skype:[leonardo-camelo]?[call]"><?=$this->Html->image('_site/socials/skype.png', array('alt' => 'Nokengo!'));?></a></div>
                        </div>
                    </div>
                </div>
                
                
                <div class="item inverso eduardo">
                    <div class="thumb"></div>
                    <div class="box_informations">
                        <div class="name" data-id="eduardo"><strong>Eduardo</strong> Azevedo</div>
                        <div class="function"><? echo __('Diretor Comercial');?></div>
                        <div class="text" data-id="eduardo">
                            <div class="close_box">X</div><? echo __('Desenvolvedor há mais de 25 anos, vem atuando junto aos clientes na implementação de soluções inovadoras. Autor de livros da ciência da computação em uso no Brasil e Europa é mestre e pós-graduado em interface, internet e multimídia.');?></div>
                        <div class="socials">
                            <div class="facebook"><a href="https://www.facebook.com/eduardoazevedo.face?fref=ts" target="_blank"><?=$this->Html->image('_site/socials/facebook.png', array('alt' => 'Nokengo!'));?></a></div>
                        </div>
                    </div>
                </div>
                
              
                
                
                <div class="item aline">
                    <div class="thumb"></div>
                    <div class="box_informations">
                        <div class="name" data-id="aline"><strong>Aline</strong> Lopes</div>
                        <div class="function"><? echo __('Designer');?></div>
                        <div class="text" data-id="aline">
                            <div class="close_box">X</div><? echo __('Com noções de programação graças ao técnico de informática, resolveu correr atrás de sua antiga paixão: Desenho! Industrial, no caso, pela UFF. Sem abandonar as veias artísticas da ilustração em momento algum e sempre disposta a aprender e criar coisas novas. E não sabe fazer resumos pessoais como este.');?></div>
                        <div class="socials">
                            <div class="facebook"><a href="http://www.facebook.com/kono7?fref=ts" target="_blank"><?=$this->Html->image('_site/socials/facebook.png', array('alt' => 'Nokengo!'));?></a></div>                      
                                <div class="ponto"></div>
                            <div class="twitter"><a href="https://twitter.com/kono_7" target="_blank"><?=$this->Html->image('_site/socials/twitter.png', array('alt' => 'Nokengo!'));?></a></div>
                                <div class="ponto"></div>
                            <div class="skype"><a href="skype:[kono_7]?[call]"><?=$this->Html->image('_site/socials/skype.png', array('alt' => 'Nokengo!'));?></a></div>
                        </div>
                    </div>
                </div>
                
                <div class="item inverso dorinha">
                    <div class="thumb"></div>
                    <div class="box_informations">
                        <div class="name" data-id="isadora"><strong>Isadora</strong> Santana</div>
                        <div class="function"><? echo __('Modeladora 3D');?></div>
                        <div class="text" data-id="isadora">
                            <div class="close_box">X</div><? echo __('Apaixonada por arquitetura e modelagem 3D, começou a brincar de modelar cenários e desde então não parou mais! Precisando de mais dimensão? Deixa com a Nokengo! Aqui é o lugar do 3D!');?></div>
                        <div class="socials">
                            <div class="facebook"><a href="http://www.facebook.com/isadora.santana2?fref=ts" target="_blank"><?=$this->Html->image('_site/socials/facebook.png', array('alt' => 'Nokengo!'));?></a></div>
                                <div class="ponto"></div>
                            <div class="skype"><a href="skype:[isadora_santana4]?[call]"><?=$this->Html->image('_site/socials/skype.png', array('alt' => 'Nokengo!'));?></a></div>
                        </div>
                    </div>
                </div>
                
                <div class="item mut">
                    <div class="thumb"></div>
                    <div class="box_informations">
                        <div class="name" data-id="mut"><strong>Sandra</strong> Levy</div>
                        <div class="function"><? echo __('Gerente Administrativo');?></div>
                        <div class="text" data-id="mut">
                            <div class="close_box">X</div><? echo __('Cada coisa no seu devido lugar. Seu dinheiro é bem investido aqui e muito bem transformado em sucesso para seus negócios!');?></div>
                        <div class="socials">
                            <div class="facebook"><a href="http://www.facebook.com/sandra.lsl?fref=ts" target="_blank"><?=$this->Html->image('_site/socials/facebook.png', array('alt' => 'Nokengo!'));?></a></div>                      
                        </div>
                    </div>
                </div>
                <div class="perdidouniverso"></div>
            </div>
        </div>
        
    </div>
    <div class="pointer" id="pointer_servicos"></div>
</div>
<div class="bottomfx"></div>

<div class="pages">
    <div class="wrapper">
        <div class="servicos">
            <div class="title"><? echo __('serviços');?></div>
            <div class="subtitle"><? echo __('acreditamos na <strong>tecnologia</strong>');?></div>
            <div class="text"><div><? echo __('Nós projetamos, desenvolvemos e gerenciamos soluções baseadas na web e aplicativos corporativos móveis. Podemos fazer o seu negócio funcionar melhor, competir melhor e gerar mais retorno.');?></div></div>
            <div class="line"></div>

            <div class="service rosa projeto">
                <div class="thumb"></div>
                <div class="title"><? echo __('Projeto de branding e Multimídia');?></div>
                <div class="text"><? echo __('Nós trabalhamos para contar a história da sua marca, criar uma identidade autêntica e memorável e transformá-los em uma experiência interativa digital.');?></div>
                <div class="bottom"></div>
                <ul>
                    <li><div class="traco"></div><? echo __('Identidade Visual');?></li>
                    <li><div class="traco"></div><? echo __('Design digital');?></li>
                    <li><div class="traco"></div><? echo __('Projeto gráfico');?></li>
                    <li><div class="traco"></div><? echo __('Modelagem 3D');?></li>
                    <li><div class="traco"></div><? echo __('Vídeo e Multimídia');?></li>
                </ul> 
            </div>
            <div class="service azul desenvolvimento">
                <div class="thumb"></div>
                <div class="title"><? echo __('desenvolvimento web e software');?></div>
                <div class="text"><? echo __('Desenvolvemos soluções inovadoras para sua empresa e adaptamos para ficar mais próximo às suas necessidades.');?></div>
                <div class="bottom"></div>
                <ul>
                    <li><div class="traco"></div>PHP</li>
                    <li><div class="traco"></div>jquery</li>
                    <li><div class="traco"></div>CakePHP</li>
                    <li><div class="traco"></div><? echo __('Aplicativos para redes sociais');?></li>
                    <li><div class="traco"></div><? echo __('Aplicativos ios e android');?></li>
                    <li><div class="traco"></div><? echo __('Projeto de arquitetura de software');?></li>
                    <li><div class="traco"></div><? echo __('Manutenção e suporte');?></li>       
                </ul> 
            </div>
            <div class="service rosa solucoes">
                <div class="thumb"></div>
                <div class="title"><? echo __('soluções web mobile');?></div>
                <div class="text"><? echo __('Do conceito ao protótipo, para o produto. Vamos trabalhar estreitamente com você durante todo o processo para entregar o produto que você sonhava.');?></div>
                <div class="bottom"></div>
                <ul>
                    <li><div class="traco"></div><? echo __('Sites corporativos');?></li>
                    <li><div class="traco"></div><? echo __('Lojas online');?></li>
                    <li><div class="traco"></div><? echo __('Aplicações móveis');?></li>
                    <li><div class="traco"></div><? echo __('Website responsivo');?> </li>
                    <li><div class="traco"></div><? echo __('E-mail marketing');?></li>
                    <li><div class="traco"></div><? echo __('Planejamento de redes sociais');?></li>
                </ul> 
            </div>
        </div>    
        <div class="pointer" id="pointer_plataforma"></div>
        <div class="plataforma">
            <div class="title"><? echo __('Plataformas');?></div>
            <div class="subtitle"><? echo __('qualidade e <strong>usabilidade</strong>');?></div>
            <div class="text">
                <div>
                    <!-- Button to trigger modal -->
 
                     <? echo __('A gente apresenta aqui algumas das plataformas que utilizando para produzir os mais comuns pedidos dos nossos clientes. Claro que isso não excluir o fato de estarmos sempre aprendendo e pesquisando plataformas novas. Dê uma olhada!');?>
                </div>                
            </div>
            <div class="line"></div>
            <div class="bg_icones">
                <ul>
                    <li href="#myModal1" role="button" class="" data-toggle="modal"><?=$this->Html->image('_site/plataformas/vendas.png', array('alt' => 'Nokengo!'));?><br><p><? echo __('Vendas Online'); ?></p></li>
                    <li href="#myModal2" role="button" class="" data-toggle="modal"><?=$this->Html->image('_site/plataformas/cms.png', array('alt' => 'Nokengo!'));?><br><p><? echo __('Gestão de Conteúdo'); ?></p></li>
                    <li href="#myModal3" role="button" class="" data-toggle="modal"><?=$this->Html->image('_site/plataformas/marketing.png', array('alt' => 'Nokengo!'));?><br><p><? echo __('Marketing Digital'); ?></p></li>
                    <li href="#myModal4" role="button" class="" data-toggle="modal"><?=$this->Html->image('_site/plataformas/suporte.png', array('alt' => 'Nokengo!'));?><br><p><? echo __('Suporte ao Cliente'); ?></p></li>
                    <li href="#myModal5" role="button" class="" data-toggle="modal"><?=$this->Html->image('_site/plataformas/software.png', array('alt' => 'Nokengo!'));?><br><p><? echo __('Software'); ?></p></li>
                </ul>
            </div>
        </div>
        <div class="pointer" id="pointer_labs"></div>
        <div class="labs">
            <div class="title">nokengo labs</div>
            <div class="subtitle"><? echo __('inovação e <strong>criatividade</strong>');?></div>
            <div class="text"><div><? echo __('A Nokengo Labs é um núcleo interno formado pelos programadores da equipe Nokengo Studio.');?></div></div>
            <div class="line"></div>
            <div class="logo"><?=$this->Html->image('_site/nokengo_labs.png', array('alt' => 'Nokengo!'));?></div>
            <div class="mobile">
                <?=$this->Html->image('_site/iphone_ipad.png', array('alt' => 'Nokengo!'));?>
            </div>
            <div class="texto">
                <div class="title_texto"><? echo __('O que faz?');?></div>
                <div class="text_texto"><? echo __('A ideia é manter um núcleo em constante pesquisa para desenvolver ferramentas próprias para o uso da Nokengo, como sistemas de gestão de empresas, CMS próprio para uso dos clientes, e-commerces, aplicativos para Facebook e mobile e até desenvolvimento de jogos. E tantas outras ideias que surgem no processo de desenvolvimento de um projeto e que não são encontradas na web.<br><br> Aqui as necessidades do cliente são atendidas!');?></div>
                <div class="pointer" id="pointer_portfolio"></div>
            </div>
        </div>
    </div>
    <div class="onda"></div>
</div>

<div class="page_portfolio">
    <div class="wrapper">
        <?php echo $this->element('_site/portfolio');?>
    </div>
    <div class="pointer" id="pointer_contato"></div>
    <div class="onda"></div>
</div>
<div class="footer">    
    <div class="wrapper">
        <div class="line"></div>
        
        <div class="title"><? echo __('Contate-nos');?></div>
        <div class="subtitle"><? echo __('Diga um <strong>oi ;)</strong>');?></div>
        <div class="text"><div><? echo __('Estaremos sempre dispostos a atender você e tirar suas dúvidas. Ou quem sabe fechar negócio!');?></div></div>
        
        
        <div class="sobre">
            <div class="texto">
                <? echo __('Nokengo Brasil fica no Rio de Janeiro -RJ,');?><br>
                <? echo __('você pode falar com a gente pelo e-mail: digaoi@nokengo.com');?><br>
                <? echo __('Ou pelo nosso Skype: nokengobrasil.');?>
            </div>
            <div class="orcamento_btn"><div class="text"><? echo __('clique aqui para pedir um <strong>orçamento</strong>');?></div></div>
        </div>
        
         <div class="formulario">
            <div class="resultado"><div class="resultado_texto"></div></div>
            <? echo $this->Form->create('Pages'); ?>
            <p><? echo __('informações pessoais');?></p>
            <br>
            
            <div class="input-prepend">
                <span class="add-on text_nome"><p><? echo __('Nome');?></p></span>
                <input name="data[Contact][name]" class="span2 input_nome" id="contact_name" type="text" placeholder="<? echo __('Nome');?>">
            </div><br><br>
            <div class="input-prepend">
                <span class="add-on text_email"><p><? echo __('Email');?></p></span>
                <input name="data[Contact][email]" class="span2 input_email" id="contact_email" type="text" placeholder="<? echo __('Email');?>">
            </div><br><br>
            <div class="input-prepend">
                <span class="add-on text_teletone"><p><? echo __('Telefone');?></p></span>
                <input name="data[Contact][telefone]" class="span2 input_telefone" id="contact_tel" type="text" placeholder="<? echo __('Telefone');?>" data-id="cellphone">
            </div>
            <br>
            <br>
            <br>
            <p><? echo __('Serviços Desejados');?></p>
            <br>
            
            <div class="contact_options">
                 <div class="input-prepend">
                    <div class="div_check"><input id="contact_website" type="text" name="data[Contact][website]" class="input_mycheck input_nome" onkeypress="return false;"><span class="textcheckbox"><? echo __('website');?></span></div>
                    <div class="div_check"><input id="contact_ecommerce" type="text" name="data[Contact][ecommerce]" class="input_mycheck input_nome" onkeypress="return false;"><span class="textcheckbox"><? echo __('e-commerce');?></span></div>
                    <div class="div_check"><input id="contact_cms" type="text" name="data[Contact][cms]" class="input_mycheck input_nome" onkeypress="return false;"><span class="textcheckbox"><? echo __('gerenciador de conteúdo (CMS)');?></span></div>
                    <div class="div_check"><input id="contact_app" type="text" name="data[Contact][app]" class="input_mycheck input_nome" onkeypress="return false;"><span class="textcheckbox"><? echo __('aplicativos para smartphones (iphone e android)');?></span></div>
                    <div class="div_check"><input id="contact_webapp" type="text" name="data[Contact][webapp]" class="input_mycheck input_nome" onkeypress="return false;"><span class="textcheckbox"><? echo __('webapp (seu site para mobiles)');?></span></div>
                    <div class="div_check"><input id="contact_facebook" type="text" name="data[Contact][facebook]" class="input_mycheck input_nome" onkeypress="return false;"><span class="textcheckbox"><? echo __('aplicativo para facebook');?></span></div>
                    <div class="div_check"><input id="contact_branding" type="text" name="data[Contact][branding]" class="input_mycheck input_nome" onkeypress="return false;"><span class="textcheckbox"><? echo __('identidade visual');?></span></div>
                    <div class="div_check"><input id="contact_outros" type="text" name="data[Contact][outros]" class="input_mycheck input_nome" onkeypress="return false;"><span class="textcheckbox"><? echo __('outros');?></span></div>
                </div><br>
                    <br>
            <br>
            <p><? echo __('Prazo Desejado');?></p>
            <br>
            
                <div class="input-prepend">
                    <input name="data[Contact][prazo]" id="contact_prazo" class="span2 input_telefone" type="text" placeholder="<? echo __('Prazo');?>">
                </div>
            </div>
            
            <p><br><br>&nbsp;&nbsp;<br><? echo __('Breve Descrição do Projeto');?></p>
            <br>
            
                <div class="input-prepend">
                    <textarea name="data[Contact][description]" id="contact_description" class="span2 text_area" type="text" placeholder="<? echo __('Descreva seu projeto!');?>"></textarea>
                </div>
            
            <div style="float: left; width: 100%; height: 100px;">
                <div id="enviaBtn" style="cursor: pointer; font-family: GothamLight; font-size: 18px; padding: 10px 20px; background-color: #ec008c; color: #fff; width: 75px;"><? echo __('ENVIAR');?></div>
            </div>
            </div>
            
             
            <? echo $this->Form->end(); ?>
            <? //echo $form->end('Incluir', array('style'=>'')); ?>
           
       
        
        <div class="naweb">
            <div class="title"><? echo __('Nokengo na web');?></div>
            <div class="buttons">
                <div class="seta"></div>
                <div class="facebook"><a href="http://www.facebook.com/NokengoBrasil?fref=ts" target="_blank"><?=$this->Html->image('_site/naweb/facebook.png', array('alt' => 'Nokengo!'));?></a></div>
                <div class="skype"><a href="skype:nokengobrasil?chat"><?=$this->Html->image('_site/naweb/skype.png', array('alt' => 'Nokengo!'));?></a></div>
                <div class="twitter"><a href="https://twitter.com/nokengobrasil" target="_blank"><?=$this->Html->image('_site/naweb/twitter.png', array('alt' => 'Nokengo!'));?></a></div>
                <div class="social">
                    <iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Ffacebook.com%2Fnokengobrasil&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=false&amp;font&amp;colorscheme=light&amp;action=like&amp;height=21&amp;appId=392982907434183" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>
                </div>
            </div>
        </div>
        <div class="parceiros">
            <div class="title"><? echo __('Nossos parceiros');?></div>
            <div class="buttons">
                <div class="seta"></div>
                <div style="float: left; margin: 0 10px">
                    <a href="http://www.facebook.com/NokengoBrasil?fref=ts" target="_blank"><?=$this->Html->image('_site/parceiros/rg.png', array('alt' => 'Nokengo!', 'style'=>'width:80px;'));?></a>
                    <a href="http://www.facebook.com/NokengoBrasil?fref=ts" target="_blank"><?=$this->Html->image('_site/parceiros/rg.png', array('alt' => 'Nokengo!', 'style'=>'width:80px;'));?></a>
                </div>
            </div>
        </div>
        
        
</div>
        
        
        <div class="cc">
            <span>
                <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/deed.pt_BR"><img alt="Licença Creative Commons" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-nd/3.0/88x31.png" /></a><br /><span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">Este site</span> está licenciado sob uma <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/deed.pt_BR">licença Creative Commons Atribuição-NãoComercial-SemDerivados 3.0 Não Adaptada</a>
            </span>
        </div>
    </div>
</div>


<script>
    $('.pointer_equipe').click(function(){
        $('html, body').animate({
                    scrollTop: $("#pointer_equipe").offset().top
                }, 800);
    });
    $('.pointer_servicos').click(function(){
        $('html, body').animate({
                    scrollTop: $("#pointer_servicos").offset().top
                }, 800);
    });
    $('.pointer_plataforma').click(function(){
        $('html, body').animate({
                    scrollTop: $("#pointer_plataforma").offset().top
                }, 800);
    });
    $('.pointer_labs').click(function(){
        $('html, body').animate({
                    scrollTop: $("#pointer_labs").offset().top
                }, 800);
    });
    $('.pointer_portfolio').click(function(){
        page_bg = "portfolio";
        changeBg('portfolio');
        $('html, body').animate({
                    scrollTop: $("#pointer_portfolio").offset().top
                }, 800);
    });
    $('.pointer_contato').click(function(){
        $('html, body').animate({
                    scrollTop: $("#pointer_contato").offset().top
                }, 800);
    });
    $('.pointer_nokengo').click(function(){
        $('html, body').animate({
                    scrollTop: $("html").offset().top
                }, 800);
                page_bg = "home";
                changeBg('home');
    });
    $('.orcamento_btn').click(function(){
        $('.formulario').slideToggle();
        $('html, body').animate({
                    scrollTop: $(".orcamento_btn").offset().top
                }, 800);
    });
    
$(document).ready(function(){
    $(".input_mycheck").click(function(){
        if($(this).val()==' x')
        {
            $(this).val('');
        }
        //alert($(this).val());
        
        else
        {
            $(this).val(' x');
        }
        
        $(this).blur();
    });
});
</script>

<div id="myModal1" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <div class="modalTitle">Vendas <strong>Online</strong></div>
  </div>
  <div class="modal-body">
    <div class="plataforma_item">
          <?=$this->Html->image('_site/plataformas/dentro/vendas.png', array('alt' => 'Nokengo!'));?>
      </div>
  </div>
</div>
<!-- Modal -->
<div id="myModal2" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <div class="modalTitle">Gestão de <strong>Conteúdo</strong></div>
  </div>
  <div class="modal-body">
    <div class="plataforma_item">
          <?=$this->Html->image('_site/plataformas/dentro/cms.png', array('alt' => 'Nokengo!'));?>
      </div>
  </div>
</div>
<!-- Modal -->
<div id="myModal3" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <div class="modalTitle">Marketing <strong>Digital</strong></div>
  </div>
  <div class="modal-body">
      <div class="plataforma_item">      
    <?=$this->Html->image('_site/plataformas/dentro/marketing.png', array('alt' => 'Nokengo!'));?>
          </div>
  </div>
</div>
<!-- Modal -->
<div id="myModal4" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <div class="modalTitle">Suporte ao <strong>Cliente</strong></div>
  </div>
  <div class="modal-body">
    <div class="plataforma_item">
          <?=$this->Html->image('_site/plataformas/dentro/suporte.png', array('alt' => 'Nokengo!'));?>
      </div>
  </div>
</div>
<!-- Modal -->
<div id="myModal5" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <div class="modalTitle"><strong>Software</strong></div>
  </div>
  <div class="modal-body">
    <div class="plataforma_item">
          <?=$this->Html->image('_site/plataformas/dentro/software.png', array('alt' => 'Nokengo!'));?>
      </div>
  </div>
</div>


<!--<div class="title"><? echo __('teste');?></div>-->